*{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size:12px;
    color:#fff;
}
a{
	text-decoration: none;
}
body{
	height: 980px;
	width: 100%;
	background-image: url("../image/beijign.jpg");
	max-width: 1920px;
	min-width: 1200px;
}
.wrapper{
	height: 10%;
}
.swiper-container{
	height: 90%;
}
body .w1200{
	width: 100%;
	background-color: transparent;
}
.cf .logo{
	background-image: url("../image/logo.png");
	background-size: 100% 100%;
	margin-left: 20px;
}
.cf .fr .cf li a{
	color: #fff;
}
#login{
	margin-right: 20px;
}
.wrapper .cf .fr li:last-child a{
	color: #4e89fd;
	border-bottom: 2px solid #4e89fd;
}

html,body,.swiper-wrapper,.swiper-slide{
	width:100%;
	height:100%;
}

.swiper-container{
	height: 90%;
}
.wrapper{
	height: 10%;
}
.we_log1 *{
	display: block;
	margin-left: 25%;
}
.we_log{
	width: 35%;
	margin-top: 2%;
	margin-left: 32.5%;
}
.we_log2{
	width: 60%;
	margin-top: 8%;
	margin-left: 20%;
}
.we_background1{
	height: 100%;
	width: 100%;
}
.we_background{
	height: 100%;
	width: 700px;
	background-image: url(../image/we.png);
	background-size: 100% 100%;
	margin: auto;
	/*border: 1px solid red;*/
}
.we_background *{
	width: 80%;
	margin-left: 10%;
	color: #9fd1ff;
	/*font-size: 16px;*/
	/*font-size: 1vw;*/
	/*text-overflow: height;*/

}
@media screen and (min-width: 1500px){
	.we_background *{
		font-size: 16px;
	}
}
@media screen and (max-width: 1500px){
	.we_background *{
		font-size: 13px;
	}
}
.swiper-slide .we_background div{
	text-align: center;
	font-size: 24px;
	padding-top: 10%;
}
.swiper-slide .we_background p{
	margin-top: 30px;
	text-indent: 3em;
	line-height: 35px;
}
.we_user{
	height: 100%;
	width: 100%;
	text-align: center;
	font-size: 30px;
}
.we_user *{
	font-size: 30px;
	line-height: 90px;
	color: #9fd1ff;
}
.we_user span{
	color: #fba62d;
}
.we_user div:first-child{
	margin-top: 100px;
}
.we_product{
	height: 100%;
	width: 100%;
	text-align: center;
}
.we_product1{
	font-size: 36px;
	margin-top: 5%;
}
.we_product img{
	margin-top: 5%;
}
.we_site{
	width: 100%;
	text-align: center;
	margin-top: 9%;
}
.we_site div{
	color: #4d5668;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #fff;
	box-shadow: 0px 0px 10px 3px #fff;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet{
	background-color: #fff;
}

.roll1{
	height: 30px;
	width: 30px;
	opacity: 1;
	position: absolute;
	right: 15px;
	bottom: 10px;
	animation: fun1 2s linear infinite;
	background-image: url(../image/xiayiye_09.png);
	background-repeat: no-repeat;
	background-size: 30px 15px;
}
.roll{
	height: 30px;
	width: 30px;
	opacity: 1;
	position: absolute;
	right: 15px;
	bottom: 30px;
	animation: fun 2.1s linear infinite;
	background-image: url(../image/xiayiye_09.png);
	background-repeat: no-repeat;
	background-size: 30px 15px;
}
@keyframes fun{
	from{
		opacity: 1;
		position: absolute;
		bottom: 30px;	
	}
	40%{
		opacity: 0.8;
		position: absolute;
		bottom: 25px;	
	}
	60%{
		opacity: 0.5;
		position: absolute;
		bottom: 20px;	
	}
	to{
		opacity: 0;
		position: absolute;
		bottom: 10px;
	}
}
@keyframes fun1{
	from{
		opacity: 1;
		position: absolute;
		bottom: 15px;
	}
	40%{
		opacity: 0.8;
		position: absolute;
		bottom: 10px;	
	}
	60%{
		opacity: 0.5;
		position: absolute;
		bottom: 5px;	
	}
	to{
		opacity: 0;
		position: absolute;
		bottom: 0px;
	}
}
.swiper-container{
	position: relative;
}
.swiper-container .swiper-button-next{
	position: fixed;
	top: 95%;
	left: 50%;
	background-image: none;
}